<template>
  <div class="dashboard">
    <div class="login" @click="btnLogin">登录</div>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },
  mounted() {

  },
  methods: {
    btnLogin() {
      this.$router.push('/login')
    }
  }
}
</script>
<style lang="scss" scoped>
.dashboard {
  background-image: url('@/assets/main-bg.png');
  background-repeat: no-repeat; /* 不平铺。图片只展示一次。 */
  height: 100%;
  width: 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  justify-content: flex-end;
  display: flex;
  .login {
    height: 30px;
    line-height: 30px;
    color: #efc799;
    border: 2px solid #efc799;
    margin-top: 30px;
    margin-right: 30px;
    cursor: pointer;
    caret-color: transparent;
    padding: 0 15px;
  }
}
</style>
